<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>翻贝网</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta name="keywords" content="翻倍花，O2O，第三方推广，服务平台">
    <meta name="description" content="翻贝网致力于打造国内最具公信力的第三方推广和服务平台">
	<link rel="stylesheet" href="{{ env('CSS_DOMAIN') }}css/pcWeb.css?v={{env('CSS_VERSION')}}">
	<link rel="stylesheet" href="{{ env('CSS_DOMAIN') }}css/carrousel.css?v={{env('CSS_VERSION')}}">
	<link rel="shortcut  icon" type="image/x-icon" href="{{ env('IMAGE_DOMAIN') }}images/icon.png" media="screen"  />
	<style>
		.header{width: 1200px;height: 100px;background: url({{env('IMAGE_DOMAIN')}}images/pc/top_logo.png) 100px 22px no-repeat;background-size: 204px;position: absolute;top: 0;z-index: 1000;}
		.header p{width: 400px;margin-right: 50px;margin-top: 35px;}
		.index_download{position: absolute;bottom: 180px;right: 80px;}
		.index_download ul{margin-left: 45px;}
		.index_download ul li{width: 255px;height: 80px;border: 1px solid #fff;border-radius: 40px;font-size: 20px;color: #fff;margin: 10px 0;}
	</style>
</head>
<body>
	<header class="header oh">
		<p class="fr oh">
			<a style="color: #9955c6;background-color: #fff;" href="/index">首页</a>
			<a href="/shopjoin">商家入驻</a>
			<a href="/cityagent">城市代理</a>
			<a href="/aboutus">关于我们</a>
			<!-- <a class="abc" href="http://search.51job.com/list/000000,000000,0000,00,9,99,%25E7%25BF%25BB%25E8%25B4%259D%25E7%25BD%2591,2,1.html" target="_blank">招贤纳士</a> -->
		</p>
	</header>

	<section class="index_section1">
		<img id="index_section1_backpic" src="{{env('IMAGE_DOMAIN')}}images/pc/pc_index_01.jpg?v={{env('IMAGE_VERSION')}}" alt="">
		<div class="index_section1_center oh">
			<img id="index_inner" src="{{env('IMAGE_DOMAIN')}}images/pc/index_inner.png?v={{env('IMAGE_VERSION')}}" alt="">
			<div class="index_section1_text fr" style="margin-top: 180px;">
				<p class="text2 oh" style="margin-top: 40px;">你的钱怎么花？ 翻倍花！</p>
				<p class="text2 oh">翻贝网让你的钱翻倍花哦！</p>
				<!-- <p class="text1 oh">每次消费都能省一半的钱！</p> -->
				<!-- <p class="text1 oh">100翻倍为200</p>
				<p class="text2 oh">500翻倍为1000······</p> -->
			</div>
			<div class="oh index_download">
				<p class="fl oh">
					<img class="fl" style="width: 170px;" src="{{env('IMAGE')}}/images/pc/pc_download.png?v={{env('IMAGE_VERSION')}}" alt=""><br>
					<span class="fl" style="display: inline-block;width: 170px;height: 34;background-color: #fff;color: #9a51a0;font-size:18px;text-align: center;">扫描二维码下载APP</span>
				</p>
				<ul class="fl">
					<a href="http://file.fbw-china.com/download/fbw.apk"><li class="oh"><img class="fl" style="width: 40px;margin-left: 30px;margin-top: 20px;" src="{{env('IMAGE')}}/images/pc/Android.png?v={{env('IMAGE_VERSION')}}" alt=""><span class="fl" style="margin-left: 10px;margin-top: 25px;">Androad App</span></li></a>
					<a href="https://itunes.apple.com/cn/app/id1172353317"><li class="oh"><img class="fl" style="width: 40px;margin-left: 30px;margin-top: 20px;" src="{{env('IMAGE')}}/images/pc/iPhone.png?v={{env('IMAGE_VERSION')}}" alt=""><span class="fl" style="margin-left: 10px;margin-top: 25px;">App Store</span></li></a>
				</ul>
			</div>
		</div>
	</section>

	<!-- <section class="index_section2">
		<p class="index_section2_title">
			<em>FBW</em>
			<span>翻贝网</span>
		</p>
		<p class="index_section2_line"></p>
		<ul class="index_section2_text">
			<li>充值金额翻倍到账</li>
			<li>无论吃喝玩乐 还是服饰购物</li>
			<li>你都能在「翻贝网」寻找商家,发现同城好店</li>
			<li>和翻贝网一起,回归线下真实消费</li>
			<li>每一个今天,你都能使用翻贝网买单</li>
		</ul>
		<img src="{{env('IMAGE_DOMAIN')}}/images/pc/what.png?v={{env('IMAGE_VERSION')}}" alt="">
	</section> -->

	<section class="index_section3">
		<div class="index_section3_center">
			<p class="title">翻贝网特色</p>
			<div class="text oh">
				<ul class="fl">
					<li>
						<p class="title1">翻贝网为什么受到众多消费者的喜爱</p>
						<!-- <p class="text1">用户通过翻贝网去消费每次都能省一半的钱。</p> -->
						<p class="text1">让消费者的钱翻倍使用，</p>
						<p class="text1">100翻倍为200，500翻倍为1000......充值无门槛，即充即翻倍</p>
						<p class="text1">吃喝玩乐购，通通省一半！</p>
					</li>
					<li>
						<p class="title1">平台上不显示任何产品或商品的价格</p>
						<p class="text1">为避免产品或商品价格不实，以用户和实体店的最终议价为准。</p>
						<!-- <p class="text1"></p> -->
					</li>
					<li>
						<p class="title1">平台上不下订单、不购买</p>
						<p class="text1">可减少未见实物导致购买到假货或水货的概率，</p>
						<p class="text1">同时可以提高到店量。</p>
					</li>
				</ul>
				<div class="fl text_right">
					<img src="{{env('IMAGE_DOMAIN')}}images/pc/index_speciality.png?v={{env('IMAGE_VERSION')}}" alt="">
				</div>
			</div>
		</div>
	</section>
	
	<section class="index_section4">
		<div class="center">
			<p class="title co_black">使用流程</p>

			<ul>
				<li class="oh">
					<img class="fl" src="{{env('IMAGE_DOMAIN')}}images/pc/pc_index_78910.jpg?v={{env('IMAGE_VERSION')}}" alt="">
				</li>
				<!-- <li class="oh">
					<img class="fl" src="{{env('IMAGE_DOMAIN')}}images/pc/pc_index_08.jpg?v={{env('IMAGE_VERSION')}}" alt="">
				</li>
				<li class="oh">
					<img class="fl" src="{{env('IMAGE_DOMAIN')}}images/pc/pc_index_10.jpg?v={{env('IMAGE_VERSION')}}" alt="">
				</li>
				<li class="oh">
					<img class="fl" src="{{env('IMAGE_DOMAIN')}}images/pc/pc_index_11.jpg?v={{env('IMAGE_VERSION')}}" alt="">
				</li> -->
			</ul>
		</div>
	</section>
	
	<section class="index_section5">
		<div class="index_section5_outer">
			<p class="title co_white">覆盖行业</p>
			<div id="top">
				<div class="small">
			    	<ul class="oh">
						<li style="width: 136px;height: 136px;line-height: 136px;background-color: #fff;color: #9955c6;position: absolute;top: 0;left: 525px;">美食</li>
						<li style="width: 136px;height: 136px;line-height: 136px;position: absolute;top: 0;left: 700px;">酒店</li>
						<li style="width: 136px;height: 136px;line-height: 136px;position: absolute;top: 0;left: 875px;">KTV</li>
						<li style="width: 136px;height: 136px;line-height: 136px;position: absolute;top: 0;left: 1050px;">旅游</li>
						<li style="width: 50px;height: 50px;padding: 43px;position: absolute;top: 0;left: 10px;">服饰购物</li>
						<li style="width: 50px;height: 50px;padding: 43px;position: absolute;top: 0;left: 175px;">休闲娱乐</li>
						<li style="width: 50px;height: 50px;padding: 43px;position: absolute;top: 0;left: 350px;">生活服务</li>
					</ul>
			    </div>
			</div>
			<div id="box">
				<div class="bg"></div>
			    <div id="list">
			        <ol>
			            <li style="width: 600px; height: 375px; top: 56px; left: 148px; z-index: 10; " class="">
			                <img src="{{env('IMAGE_DOMAIN')}}images/pc/index_food.jpg?v={{env('IMAGE_VERSION')}}">
			                <div style="opacity: 0.75; "></div>
			            </li>
			            <li style="width: 600px; height: 375px; top: 92px; left: 0px; z-index: 8; " class="">
			                <img src="{{env('IMAGE_DOMAIN')}}images/pc/index_hotel.jpg?v={{env('IMAGE_VERSION')}}">
			                <div style="opacity: 0.75; "></div>
			                <p class="b_tit" style="bottom: -120px; "></p>
			            </li>
			            <li style="width: 600px; height: 375px; top: 132px; left: 148px; z-index: 6; " class="">
			                <img src="{{env('IMAGE_DOMAIN')}}images/pc/index_ktv.jpg?v={{env('IMAGE_VERSION')}}">
			                <div style="opacity: 0.75; "></div>
			            </li>
			            <li style="width: 600px; height: 375px; top: 92px; left: 844px; z-index: 4; " class="">
			                <img src="{{env('IMAGE_DOMAIN')}}images/pc/index_tourism.jpg?v={{env('IMAGE_VERSION')}}">
			                <div style="opacity: 0; "></div>
			            </li>
			            <li style="width: 600px; height: 375px; top: 172px; left: 232px; z-index: 4; " class="">
			                <img src="{{env('IMAGE_DOMAIN')}}images/pc/index_shop.jpg?v={{env('IMAGE_VERSION')}}">
			                <div style="opacity: 0.75; "></div>
			            </li>
			            <li style="width: 600px; height: 375px; top: 56px; left: 640px; z-index: 6; " class="">
			                <img src="{{env('IMAGE_DOMAIN')}}images/pc/index_play.jpg?v={{env('IMAGE_VERSION')}}">
			                <div style="opacity: 0.75; "></div>
			            </li>
			            <li style="width: 600px; height: 375px; top: 0px; left: 352px; z-index: 8; " class="hove">
			                <img src="{{env('IMAGE_DOMAIN')}}images/pc/index_life_service.jpg?v={{env('IMAGE_VERSION')}}">
			                <div style="opacity: 0.75; "></div>
			                <p class="b_tit" style="bottom: -120px; "></p>
			            </li>
			        </ol>
			    </div>
			</div>
		</div>
	</section>

	<section class="index_section6">
		<p class="title co_violet">消费者评语</p>
		<ul>
			<li class="oh">
				<img class="fl" src="{{env('IMAGE_DOMAIN')}}images/pc/yangyang.png?v={{env('IMAGE_VERSION')}}" alt="">
				<div class="fl text">
					<img src="{{env('IMAGE_DOMAIN')}}images/pc/input_right.png?v={{env('IMAGE_VERSION')}}" alt="">
					<p class="text_text">
						<span class="co_violet fl">自从有了翻贝网！！！以前买的一件衣服现在可以买两件，还知道了更多卖美衣的地方。每天都美美哒，我现在要用翻贝网去买吃的啦！</span>
						<span class="co_gray fr" style="margin-right: 20px;">阳宝 南昌用户</span>
					</p>
				</div>
			</li>
			<li class="oh">
				<div class="fl text" style="margin-left: 0;margin-right: 70px;">
					<img src="{{env('IMAGE_DOMAIN')}}images/pc/input_left.png?v={{env('IMAGE_VERSION')}}" alt="">
					<p class="text_text" style="position: absolute;top: 45px;left: 40px;">
						<span class="co_violet fl">第一次用的时候比较惊讶，真的可以100当成200花，一点都不夸张，好激动！！！</span>
						<span class="co_gray fr" style="margin-right: 20px;">爱吃南瓜的猫 九江用户</span>
					</p>
				</div>
				<img class="fl" src="{{env('IMAGE_DOMAIN')}}images/pc/ajiao.png?v={{env('IMAGE_VERSION')}}" alt="">
			</li>
			<li class="oh">
				<img class="fl" src="{{env('IMAGE_DOMAIN')}}images/pc/xiaogang.png?v={{env('IMAGE_VERSION')}}" alt="">
				<div class="fl text">
					<img src="{{env('IMAGE_DOMAIN')}}images/pc/input_right.png?v={{env('IMAGE_VERSION')}}" alt="">
					<p class="text_text">
						<span class="co_violet fl">吃饭用了翻贝网，直接省了一半的钱。因为一开始没跟老板说，还跟老板讲了一下价，结果用翻贝网付款的时候，简直太爽了。</span>
						<span class="co_gray fr" style="margin-right: 35px;margin-top: 20px;">Barely 赣州用户</span>
					</p>
				</div>
			</li>
		</ul>
	</section>

	<footer class="footer">
		<div class="footer_outer">
			<div class="text1">
				<a class="fl text1_text" href="http://baike.baidu.com/link?url=1BP8ajFXdtypv_lyeiZL1yhe6LCj-jF38nlTMumpicXkg__TeD32oAn2M2PJZj_0IjAULI5hz2TWm2RYoFH9Aid6Hr93LHNp-NCE8XjBH9TjkRTcbK01lsyvkZdXNJcYz47tv_-yenlsUIiYfFRUkaJtyHA2ihzNBf8SVMn6I1wSEbjDnEBsGXsyA2xszimKkeq4MCJzKcD2Omk0Wy_Kjq&qq-pf-to=pcqq.c2c" target="_blank">百度百科</a>
				<span class="fl line"></span>
				<a class="fl text1_text" href="/cityagent">城市代理</a>
				<span class="fl line"></span>
				<a class="fl text1_text" href="/shopjoin">商家入驻</a>
				<span class="fl line"></span>
				<a class="fl text1_text" href="http://search.51job.com/list/000000,000000,0000,00,9,99,%25E7%25BF%25BB%25E8%25B4%259D%25E7%25BD%2591,2,1.html" target="_blank">招贤纳士</a>
				<p style="margin-left: 43px;" class="fl">
					<img class="foot_logoimg" src="{{env('IMAGE_DOMAIN')}}images/pc/foot_phone.png?v={{env('IMAGE_VERSION')}}" alt="">
					<img class="foot_erweima" style="position:absolute;top: -145px;width: 130px;left: -52px;display: none;" src="{{env('IMAGE_DOMAIN')}}images/pc/foot_app.png?v={{env('IMAGE_VERSION')}}" alt="">
				</p>
				<p class="fl">
					<img class="foot_logoimg" src="{{env('IMAGE_DOMAIN')}}images/pc/foot_weichat.png?v={{env('IMAGE_VERSION')}}" alt="">
					<img class="foot_erweima" style="position:absolute;top: -145px;width: 130px;left: -50px;display:none;" src="{{env('IMAGE_DOMAIN')}}images/pc/foot_weixiner.png?v={{env('IMAGE_VERSION')}}" alt="">
				</p>
				<p class="fl">
					<img class="foot_logoimg" src="{{env('IMAGE_DOMAIN')}}images/pc/foot_weibo.png?v={{env('IMAGE_VERSION')}}" alt="">
					<img class="foot_erweima" style="position:absolute;top: -145px;width: 130px;left: -50px;display:none;" src="{{env('IMAGE_DOMAIN')}}images/pc/foot_weiboer.png?v={{env('IMAGE_VERSION')}}" alt="">
				</p>
			</div>
			<p class="text2">客服热线：400-6989-820 周一至周六 09:00到21:30 周日 09:00到18:00</p>
			<p class="text3">www.fbw-china.com 2014-2016 &copy; All Rights Reserved.赣ICP备16005016号-1</p>
		</div>
	</footer>
<script src="{{env('JS_DOMAIN')}}js/jquery-1.11.1.min.js?v={{env('JS_VERSION')}}"></script>
<script src="{{env('JS_DOMAIN')}}js/carrousel.js?v={{env('JS_VERSION')}}"></script>
<script>
	var backpic=$(document).width();

	$(".footer_outer .text1 p").on("mouseover",function(){
		$(this).children(".foot_erweima").show();
	});
	$(".footer_outer .text1 p").on("mouseout",function(){
		$(this).children(".foot_erweima").hide();
	});

	window.onresize=function () {
		backpic=$(document).width()
		$("#index_section1_backpic").css({"left":-(1920-backpic)/2});
		$(".index_section3_pic").css({"left":-(1920-backpic)/2});
		$(".header").css({"left":(backpic-1200)/2});
		$(".index_section1_center").css({"left":(backpic-1200)/2});
		$(".index_section3_center").css({"left":(backpic-1200)/2});
	}
	// $(".iosdownload").click(function(){
	// 	alert("即将上线，敬请期待！")
	// })
	$("#index_section1_backpic").css({"left":-(1920-backpic)/2});
	$(".index_section3_pic").css({"left":-(1920-backpic)/2});
	$(".header").css({"left":(backpic-1200)/2});
	$(".index_section1_center").css({"left":(backpic-1200)/2});
	$(".index_section3_center").css({"left":(backpic-1200)/2});

	$("#top li").click(function(){
		var i=$(this).index();
		$("#top li").eq(i).css({'background-color': '#fff',"color": '#9955c6'}).siblings().css({'background-color': '#9955c6',"color": '#fff'})
	})

</script>
</body>
</html>